#home {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#home .home_con {
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  /*首页中心内容*/
}
#home .home_con .bg_top {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
#home .home_con .bg_btm {
  width: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
}
#home .home_con .con_list {
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  z-index: 5;
  padding-top: 1.813rem;
  box-sizing: border-box;
  color: #666666;
  text-align: center;
}
#home .home_con .con_list h3 {
  font-size: 18px;
  margin: 10px 0 20px;
}
#home .home_con .con_list h5 {
  font-size: 13px;
  margin-bottom: 0.533rem;
  color: #999999;
}
#home .home_con .con_list .logo {
  width: 1.466rem;
  height: 1.466rem;
}
#home .home_con .con_list #peoples {
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  padding: 0 8%;
  justify-content: center;
}
#home .home_con .con_list #peoples li {
  width: 20%;
  height: 1.28rem;
  line-height: 1.28rem;
  margin-right: 0.4rem;
  margin-bottom: 0.266rem;
  border: 1px solid #cccccc;
  box-sizing: border-box;
  font-size: 18px;
  background-color: #FFFFFF;
}
#home .home_con .con_list #peoples li:nth-of-type(4n+4) {
  margin-right: 0;
}
#home .home_con .con_list #peoples .active {
  border: 1px solid #fd9118;
}
#home .home_con .con_list .dc_btn {
  width: 7.573rem;
  height: 1.226rem;
  line-height: 1.226rem;
  background: #fa8c0f;
  border: 1px solid #fc7900;
  border-radius: 0.613rem;
  font-size: 18px;
  color: #FFFFFF;
  margin-top: 0.213rem;
  outline: none;
}
#home .home_con .con_list .explain {
  width: 100%;
  text-align: center;
  font-size: 13px;
  color: #333333;
  margin-top: 0.48rem;
}
#home .home_con .con_list .explain .go_kt {
  color: #fc8c12;
  margin-left: 0.053rem;
}
#home .home_con .con_list .ft_txt {
  color: #999999;
  font-size: 13px;
  position: absolute;
  bottom: 0.746rem;
  left: 0;
  width: 100%;
}
#menu {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  top: 0;
  /*内容区*/
  /*菜品详情*/
  /*购物车*/
}
#menu .menu_header {
  width: 100%;
  height: 14%;
  /*line-height: 5px;*/
  overflow: hidden;
  /*padding: 0 12px;*/
  box-sizing: border-box;
  font-size: 15px;
  color: #333333;
  background-color: #f8f8f8;
  position: relative;
  z-index: 5;
  /*按钮*/
}
#menu .menu_header .current_num {
  float: left;
  margin-left: 0.32rem;
  line-height: 0.933rem;
}
#menu .menu_header .people_num {
  float: right;
  margin-right: 0.32rem;
  line-height: 0.933rem;
}
#menu .menu_header .people_num .m_bj {
  width: 0.373rem;
  height: 0.373rem;
  display: inline-block;
  background: url(../../static/images/bj.png) no-repeat center / 100% 100%;
}
#menu .menu_header .con_btn {
  width: 100%;
  line-height: 1.2rem;
  display: flex;
  justify-content: center;
  padding: 0.266rem 0.32rem;
  box-sizing: border-box;
  overflow: hidden;
  background-color: #FFFFFF;
  position: relative;
}
#menu .menu_header .con_btn:after {
  width: 100%;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #cccccc;
  content: '';
}
#menu .menu_header .con_btn span {
  flex: 1;
  font-size: 15px;
  color: #FFF;
  border-radius: 0.133rem;
  position: relative;
  box-sizing: border-box;
  text-align: left;
  display: inline-block;
  text-align: justify;
}
#menu .menu_header .con_btn .menu_btn {
  background-image: linear-gradient(270deg, #ffcc00 0%, #fd9c0b 100%), linear-gradient(#000000, #000000);
  background-blend-mode: normal, normal;
  padding: 0 0.48rem;
}
#menu .menu_header .con_btn .menu_btn .icon {
  display: inline-block;
  width: 0.56rem;
  height: 0.8rem;
  background: url(../../static/images/click.png) no-repeat center / 100% 100%;
  position: absolute;
  top: 0.213rem;
  right: 0.48rem;
}
#menu .menu_header .con_btn .Already_btn {
  background-image: linear-gradient(270deg, #fe8708 0%, #fb7809 100%), linear-gradient(#000000, #000000);
  background-blend-mode: normal, normal;
  margin: 0 5%;
  padding: 0 0.213rem 0 0.533rem;
}
#menu .menu_header .con_btn .Already_btn .icon {
  display: inline-block;
  width: 0.64rem;
  height: 0.586rem;
  background: url(../../static/images/menu.png) no-repeat center / 100% 100%;
  position: absolute;
  top: 0.32rem;
  right: 0.213rem;
}
#menu .menu_header .con_btn .vip_btn {
  background-image: linear-gradient(270deg, #fb7809 0%, #fc4906 100%), linear-gradient(#000000, #000000);
  background-blend-mode: normal,normal;
  padding: 0 0.133rem 0 0.213rem;
}
#menu .menu_header .con_btn .vip_btn .icon {
  display: inline-block;
  width: 0.8rem;
  height: 0.72rem;
  background: url(../../static/images/vip.png) no-repeat center / 100% 100%;
  position: absolute;
  top: 0.266rem;
  right: 0.133rem;
}
#menu .menu_con {
  width: 100%;
  height: 86%;
  overflow: scroll;
  position: relative;
  box-sizing: border-box;
  z-index: 2;
  /*菜品*/
  /*菜单列表*/
}
#menu .menu_con ul {
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
}
#menu .menu_con .conList {
  width: 100%;
  overflow: hidden;
  padding: 0.373rem 0.373rem 0;
  box-sizing: border-box;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
#menu .menu_con .conList li {
  width: 100%;
  overflow: hidden;
}
#menu .menu_con .conList li .m_title {
  font-size: 15px;
  color: #999999;
  margin: 0.4rem 0 0.533rem;
  position: relative;
  text-align: center;
}
#menu .menu_con .conList li .m_title:after {
  content: '';
  width: 0.213rem;
  height: 0.346rem;
  background: url(../../static/images/title_left.png) no-repeat center / 100% 100%;
  position: absolute;
  top: 0.106rem;
  left: 38%;
}
#menu .menu_con .conList li .m_title:before {
  content: '';
  width: 0.213rem;
  height: 0.346rem;
  background: url(../../static/images/title_left.png) no-repeat center / 100% 100%;
  transform: rotateZ(180deg);
  position: absolute;
  top: 0.106rem;
  right: 38%;
}
#menu .menu_con .conList li .ullistCon {
  width: 45.5%;
  float: left;
  margin-right: 0.533rem;
  box-sizing: border-box;
  border-radius: 0.066rem;
  font-size: 15px;
  position: relative;
  z-index: 5;
  margin-bottom: 0.533rem;
  border: 1px solid #cccccc;
}
#menu .menu_con .conList li .ullistCon:nth-of-type(2n+2) {
  margin-right: 0;
}
#menu .menu_con .conList li .list_img {
  width: 100%;
  height: 2.933rem;
  border: none;
}
#menu .menu_con .conList li i {
  width: 0.613rem;
  height: 0;
  display: block;
  overflow: hidden;
}
#menu .menu_con .conList li .show_num {
  width: 0.613rem;
  height: 0.613rem;
  line-height: 0.613rem;
  text-align: center;
  position: absolute;
  top: -0.32rem;
  right: -0.186rem;
  z-index: 100;
  background-color: #de0f05;
  color: #FFF;
  border-radius: 50%;
  display: none;
}
#menu .menu_con .conList li .list_txt {
  width: 100%;
  height: 1.386rem;
  box-sizing: border-box;
  padding: 0.213rem;
  text-align: left;
}
#menu .menu_con .conList li .list_txt .txt_name {
  color: #333333;
  height: 0.4rem;
  display: block;
  margin-bottom: 0.213rem;
}
#menu .menu_con .conList li .list_txt .txt_price {
  color: #cc0000;
}
#menu .menu_con .conList li .list_txt .txt_price i {
  display: inline;
}
#menu .menu_con .conList li .list_txt .click_num {
  width: 0.693rem;
  height: 0.693rem;
  line-height: 0.593rem;
  display: block;
  text-align: center;
  background-image: linear-gradient(180deg, #fbc50b 0%, #fc9409 100%), linear-gradient(#000000, #000000);
  background-blend-mode: normal, normal;
  font-size: 26px;
  font-weight: 600;
  color: #FFF;
  float: right;
  border-radius: 50%;
  margin-top: -0.373rem;
}
#menu .menu_con .conList li:nth-of-type(2n+2) {
  margin-right: 0;
}
#menu .menu_con .menu_left {
  width: 2.186rem;
  position: fixed;
  top: 3.04rem;
  z-index: 16;
  -webkit-overflow-scrolling: touch;
}
#menu .menu_con .menu_left ul.listCon {
  width: 2.186rem;
  height: inherit;
  background-color: rgba(255, 255, 255, 0.85);
  color: #333333;
  padding: 0.16rem 0 0.48rem;
  box-sizing: border-box;
  overflow: scroll;
  border-radius: 0 0.64rem 0.64rem 0;
  display: none;
}
#menu .menu_con .menu_left ul.listCon li {
  font-size: 14px;
  line-height: 0.933rem;
  height: 0.933rem;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  text-align: center;
}
#menu .menu_con .menu_left ul.listCon li:after {
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #cccccc;
  content: '';
}
#menu .menu_con .menu_left ul.listCon .ons {
  background-color: #fc9409;
  color: #FFFFFF;
}
#menu .menu_con .menu_left ul.listCon .ons:after {
  background-color: #fc9409;
}
#menu .menu_con .menu_left .listCon_pull {
  display: block;
  width: 1.28rem;
  height: 1.12rem;
  padding: 0.106rem 0.346rem;
  box-sizing: border-box;
  font-size: 10px;
  color: #999999;
  text-align: center;
  position: absolute;
  top: 5.333rem;
  margin-top: -0.48rem;
  border-radius: 0 0.64rem 0.64rem 0;
  background-color: rgba(255, 255, 255, 0.9);
}
#menu .menu_con .menu_left .listCon_pull img {
  width: 0.506rem;
  height: 0.506rem;
}
#menu .show_details {
  width: 88%;
  position: fixed;
  bottom: 0.32rem;
  z-index: 32;
  background-color: #FFF;
  left: 6%;
  text-align: left;
  padding-left: 0.453rem;
  box-sizing: border-box;
  border-radius: 0.266rem;
  overflow: hidden;
  border: 1px solid #e5e5e5;
  display: none;
}
#menu .show_details .close {
  width: 0.426rem;
  height: 0.426rem;
  position: absolute;
  top: 0.48rem;
  right: 0.4rem;
}
#menu .show_details .deta_title {
  margin: 0.48rem 0 0.746rem 0.133rem;
  font-size: 16px;
  color: #333333;
}
#menu .show_details .practice,
#menu .show_details .feed {
  width: 100%;
  color: #666666;
}
#menu .show_details .practice h4,
#menu .show_details .feed h4 {
  height: 0.48rem;
  font-size: 16px;
  margin: 0 0 0.48rem 0;
}
#menu .show_details .practice h4 span,
#menu .show_details .feed h4 span {
  color: #f98632;
}
#menu .show_details .practice .choice_prac,
#menu .show_details .feed .choice_prac,
#menu .show_details .practice .choice_feed,
#menu .show_details .feed .choice_feed {
  display: flex;
  flex-wrap: wrap;
}
#menu .show_details .practice .choice_prac span,
#menu .show_details .feed .choice_prac span,
#menu .show_details .practice .choice_feed span,
#menu .show_details .feed .choice_feed span {
  width: 29%;
  height: 1.12rem;
  line-height: 1.12rem;
  text-align: center;
  margin-right: 0.24rem;
  margin-bottom: 0.213rem;
  border: solid 1px #cccccc;
}
#menu .show_details .practice .choice_prac .on_show,
#menu .show_details .feed .choice_prac .on_show,
#menu .show_details .practice .choice_feed .on_show,
#menu .show_details .feed .choice_feed .on_show {
  color: #fc862d;
  background-color: #ffefde;
  border: solid 1px #fc862d;
}
#menu .show_details .feed h4 {
  margin-top: 1rem;
}
#menu .show_details .ft_con {
  overflow: hidden;
}
#menu .show_details .ft_con .Current_price {
  line-height: 1.333rem;
  color: #ca000f;
  font-size: 18px;
}
#menu .show_details .ft_con .selected {
  width: 3.6rem;
  height: 1.333rem;
  background-image: linear-gradient(270deg, #fd6d3d 0%, #fda33b 100%), linear-gradient(#f6f6f6, #f6f6f6);
  background-blend-mode: normal,normal;
  box-shadow: 0px 0.08rem 0.186rem 0px rgba(254, 191, 3, 0.35);
  color: #FFFFFF;
  font-size: 18px;
  border: none;
  float: right;
}
#menu .shoppingCar {
  width: 1.813rem;
  height: 1.813rem;
  background-image: linear-gradient(180deg, #fbb258 0%, #fa8c13 100%), linear-gradient(#000000, #000000);
  background-blend-mode: normal,normal;
  position: fixed;
  bottom: 0.853rem;
  right: 0.106rem;
  border-radius: 50%;
  z-index: 30;
  text-align: center;
  font-size: 13px;
  color: #FFFFFF;
  border: none;
}
#menu .shoppingCar .Carnum {
  width: 0.586rem;
  height: 0.586rem;
  line-height: 0.586rem;
  text-align: center;
  display: block;
  position: absolute;
  top: -0.16rem;
  right: -0.053rem;
  z-index: 100;
  background-color: #de0f05;
  color: #FFF;
  border-radius: 50%;
  display: none;
}
#menu .shoppingCar .icon {
  display: block;
  width: 0.586rem;
  height: 0.533rem;
  background: url(../../static/images/shopping_car.png) no-repeat center / 100% 100%;
  margin-top: 0.373rem;
  margin-left: 0.6rem;
}
#menu .overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 15;
  display: none;
}
#car {
  width: 100%;
  height: 100%;
  min-height: 100%;
  overflow: scroll;
  background: #f8f8f8;
  position: relative;
  top: 0;
}
#car .menu_header {
  width: 100%;
  height: 0.933rem;
  line-height: 0.933rem;
  overflow: hidden;
  padding: 0 0.32rem;
  box-sizing: border-box;
  font-size: 15px;
  color: #333333;
  background-color: #F8f8f8;
  position: fixed;
  z-index: 5;
}
#car .menu_header:after {
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #cccccc;
  content: '';
}
#car .menu_header .current_num {
  float: left;
}
#car .menu_header .people_num {
  float: right;
}
#car .menu_header .people_num .m_bj {
  width: 0.373rem;
  height: 0.373rem;
  display: inline-block;
  background: url(../../static/images/bj.png) no-repeat center / 100% 100%;
}
#car .carTop {
  width: inherit;
  margin-top: 0.933rem;
  margin-bottom: 0.8rem;
}
#car .carTop .topList {
  width: inherit;
  height: 0.96rem;
  line-height: 0.96rem;
  font-size: 15px;
  padding: 0 0.293rem;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
}
#car .carTop .topList:after {
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #cccccc;
  content: '';
}
#car .carTop .topList > span:first-of-type {
  float: left;
}
#car .carTop .topList > span:last-of-type {
  float: right;
}
#car .carTop .topList span.remark {
  float: left;
}
#car .carTop .topList #remarks_txt {
  width: 80%;
  float: right;
  line-height: 0.96rem;
  border: none;
  outline: none;
  box-sizing: border-box;
  text-align: right;
  background-color: transparent;
  font-size: 15px;
}
#car .carTop .topList .consume_sum {
  color: #666666;
  font-size: 13px;
}
#car .carTop .topList .payable {
  color: #c31c1e;
}
#car .carTop .sum_con {
  font-size: 15px;
  background-color: #fff2e2;
  text-align: left;
  padding: 0.213rem 0.293rem 0.32rem;
  box-sizing: border-box;
  overflow: hidden;
}
#car .carTop .sum_con .del {
  width: 0.48rem;
  height: 0.48rem;
  display: inline-block;
  float: right;
  background: url(../../static/images/del.png) no-repeat center / 100% 100%;
}
#car .carTop .sum_con p {
  font-size: 13px;
  margin-top: 0.32rem;
}
#car .carCenter {
  width: inherit;
  text-align: left;
  overflow: scroll;
}
#car .carCenter .centerList {
  margin-bottom: 0.533rem;
  background-color: #FFFFFF;
  overflow: hidden;
}
#car .carCenter .centerList .listClassify {
  height: 1.28rem;
  line-height: 1.28rem;
  font-size: 15px;
  padding-left: 0.48rem;
  box-sizing: border-box;
  color: #000000;
  position: relative;
}
#car .carCenter .centerList .listClassify:after {
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #cccccc;
  content: '';
}
#car .carCenter .centerList .listcon {
  overflow: hidden;
}
#car .carCenter .centerList .listcon li {
  padding: 0.186rem 0.533rem 0.186rem 0.506rem;
  font-size: 0;
  box-sizing: border-box;
  position: relative;
}
#car .carCenter .centerList .listcon li:after {
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #cccccc;
  content: '';
}
#car .carCenter .centerList .listcon li .listImg {
  width: 1.44rem;
  height: 1.493rem;
  display: inline-block;
}
#car .carCenter .centerList .listcon li .content {
  display: inline-block;
  margin-left: 0.266rem;
  vertical-align: top;
}
#car .carCenter .centerList .listcon li .content span {
  display: block;
  font-size: 15px;
}
#car .carCenter .centerList .listcon li .content .listName {
  color: #333333;
}
#car .carCenter .centerList .listcon li .content .listType {
  font-size: 13px;
  color: #999999;
}
#car .carCenter .centerList .listcon li .content .listFeed {
  color: #999999;
}
#car .carCenter .centerList .listcon li .list_right {
  float: right;
  position: relative;
  top: 0.4rem;
}
#car .carCenter .centerList .listcon li .list_right span {
  display: block;
  font-size: 15px;
}
#car .carCenter .centerList .listcon li .list_right .num {
  text-align: center;
}
#car .carCenter .centerList .listcon li .list_right .listPrice {
  color: #cc0033;
}
#car .carCenter .centerList .listcon li .list_right .minus {
  background: url(../../static/images/minus.png) no-repeat center / 100% 100%;
}
#car .carCenter .centerList .listcon li .list_right #show_txt {
  width: 0.853rem;
  height: 0.853rem;
  display: inline-block;
  color: #333333;
  font-size: 18px;
  text-align: center;
  outline: none;
  box-sizing: border-box;
  border: solid 1px #cccccc;
}
#car .carCenter .centerList .listcon li .list_right .add {
  background: url(../../static/images/plus.png) no-repeat center / 100% 100%;
}
#car .float_con {
  width: 100%;
  height: 1.866rem;
  position: fixed;
  left: 0;
  bottom: 28px;
  color: #FFFFFF;
}
#car .float_con .txt {
  color: #FFFFFF;
}
#car .float_con .continue {
  width: 1.866rem;
  height: 1.866rem;
  background-image: linear-gradient(270deg, rgba(255, 145, 5, 0.9) 0%, rgba(254, 205, 24, 0.9) 100%), linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9));
  background-blend-mode: normal, normal;
  opacity: 0.9;
  position: absolute;
  left: 0.266rem;
  text-align: center;
  border-radius: 50%;
  padding-top: 0.266rem;
  box-sizing: border-box;
}
#car .float_con .continue .icon {
  display: block;
  width: 0.56rem;
  height: 0.773rem;
  background: url(../../static/images/click_1.png) no-repeat center / 100% 100%;
  margin-left: 0.666rem;
  margin-bottom: 0.133rem;
}
#car .float_con .promptly {
  width: 1.866rem;
  height: 1.866rem;
  background-image: linear-gradient(270deg, rgba(254, 66, 16, 0.9) 0%, rgba(253, 124, 16, 0.9) 100%), linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9));
  background-blend-mode: normal, normal;
  opacity: 0.9;
  border-radius: 50%;
  position: absolute;
  right: 0.266rem;
  text-align: center;
  padding-top: 0.266rem;
  box-sizing: border-box;
}
#car .float_con .promptly .icon {
  display: block;
  width: 0.64rem;
  height: 0.64rem;
  background: url(../../static/images/menu_1.png) no-repeat center / 100% 100%;
  margin-left: 0.666rem;
  margin-bottom: 0.133rem;
}
#pay {
  width: 100%;
  overflow: hidden;
  text-align: left;
}
#pay .menu_header {
  width: 100%;
  height: 0.933rem;
  line-height: 0.933rem;
  overflow: hidden;
  padding: 0 0.32rem;
  box-sizing: border-box;
  font-size: 15px;
  color: #333333;
  background-color: #F8f8f8;
  position: fixed;
  z-index: 5;
}
#pay .menu_header:after {
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #cccccc;
  content: '';
}
#pay .menu_header .current_num {
  float: left;
}
#pay .menu_header .people_num {
  float: right;
}
#pay .menu_header .people_num .m_bj {
  width: 0.373rem;
  height: 0.373rem;
  display: inline-block;
  background: url(../../static/images/bj.png) no-repeat center / 100% 100%;
}
#pay .payCon {
  margin-top: 0.933rem;
  padding: 0 0.266rem 0.266rem 0.266rem;
  background-color: #F8f8f8;
}
#pay .payCon .content {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  background-color: #fff0d9;
  border: solid 2px #f9b957;
  font-size: 15px;
}
#pay .payCon .content span {
  display: inline-block;
  width: 50%;
  line-height: 1.173rem;
  padding-left: 0.586rem;
  box-sizing: border-box;
}
#pay .payList {
  width: inherit;
  font-size: 15px;
  color: #333333;
}
#pay .payList .listTitle {
  height: 0.933rem;
  line-height: 0.933rem;
  padding-left: 0.266rem;
  box-sizing: border-box;
  position: relative;
}
#pay .payList .listTitle:after {
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #cccccc;
  content: '';
}
#pay .payList .listCon {
  overflow: hidden;
}
#pay .payList .listCon .list {
  width: 100%;
  line-height: 0.933rem;
  padding: 0 0.426rem 0 0.586rem;
  box-sizing: border-box;
  position: relative;
}
#pay .payList .listCon .list:after {
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #cccccc;
  content: '';
}
#pay .payList .listCon .list .listImg {
  width: 0.586rem;
  vertical-align: middle;
  margin-right: 0.266rem;
}
#pay .payList .listCon .list .listBalance {
  vertical-align: middle;
}
#pay .payList .listCon .list .check {
  width: 0.586rem;
  height: 0.586rem;
  float: right;
  display: inline-block;
  margin-top: 0.16rem;
  background: url(../../static/images/no.png) no-repeat center / 100% 100%;
}
#pay .payList .listCon .active .check {
  background: url(../../static/images/yes.png) no-repeat center / 100% 100%;
}
#pay .payList .pay_btn {
  width: 7.573rem;
  height: 1.226rem;
  line-height: 1.226rem;
  text-align: center;
  color: #FFFFFF;
  border-radius: 0.613rem;
  background-color: #fa8c0f;
  border: solid 2px #fc7900;
  box-sizing: border-box;
  display: block;
  margin: 1.066rem auto 0;
  outline: none;
}
#pay .continue {
  width: 1.866rem;
  height: 1.866rem;
  background-image: linear-gradient(270deg, rgba(255, 145, 5, 0.9) 0%, rgba(254, 205, 24, 0.9) 100%), linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9));
  background-blend-mode: normal,normal;
  opacity: 0.9;
  position: absolute;
  left: 0.266rem;
  text-align: center;
  border-radius: 50%;
  padding-top: 0.266rem;
  box-sizing: border-box;
}
#pay .continue .icon {
  display: block;
  width: 0.56rem;
  height: 0.773rem;
  background: url(../../static/images/click_1.png) no-repeat center / 100% 100%;
  margin-left: 0.666rem;
  margin-bottom: 0.133rem;
}
#pay .goBackMenu {
  width: 1.866rem;
  height: 1.866rem;
  background-image: linear-gradient(270deg, rgba(254, 66, 16, 0.9) 0%, rgba(253, 124, 16, 0.9) 100%), linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9));
  background-blend-mode: normal,normal;
  opacity: 0.9;
  border-radius: 50%;
  position: absolute;
  right: 0.266rem;
  text-align: center;
  padding-top: 0.266rem;
  box-sizing: border-box;
}
#pay .goBackMenu .icon {
  display: block;
  width: 0.64rem;
  height: 0.64rem;
  background: url(../../static/images/menu_1.png) no-repeat center / 100% 100%;
  margin-left: 0.666rem;
  margin-bottom: 0.133rem;
}
#order {
  width: 100%;
  min-height: 100%;
  overflow: hidden;
  text-align: left;
  background: #f8f8f8;
}
#order .orderList .List_title {
  line-height: 0.933rem;
  background-color: #FFF;
  padding: 0 0.333rem;
  font-size: 0.346rem;
}
#order .orderList .List_title .payTime {
  float: left;
}
#order .orderList .List_title .payState {
  float: right;
}
#order .menu_header {
  width: 100%;
  height: 0.933rem;
  line-height: 0.933rem;
  overflow: hidden;
  padding: 0 0.32rem;
  box-sizing: border-box;
  font-size: 15px;
  color: #333333;
  background-color: #F8f8f8;
  z-index: 5;
}
#order .menu_header:after {
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #cccccc;
  content: '';
}
#order .menu_header .current_num {
  float: left;
}
#order .menu_header .people_num {
  float: right;
}
#order .menu_header .people_num .m_bj {
  width: 0.373rem;
  height: 0.373rem;
  display: inline-block;
  background: url(../../static/images/bj.png) no-repeat center / 100% 100%;
}
#order .payCon {
  padding: 0 0.266rem 0.266rem 0.266rem;
  background-color: #F8f8f8;
}
#order .payCon .content {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  background-color: #fff0d9;
  border: solid 2px #f9b957;
  font-size: 15px;
}
#order .payCon .content span {
  display: inline-block;
  width: 50%;
  line-height: 1.173rem;
  padding-left: 0.586rem;
  box-sizing: border-box;
}
#order .carCenter {
  width: inherit;
  text-align: left;
  overflow: hidden;
}
#order .carCenter .centerList {
  margin-bottom: 0.533rem;
  background-color: #FFFFFF;
  overflow: hidden;
}
#order .carCenter .centerList .listClassify {
  height: 1.28rem;
  line-height: 1.28rem;
  font-size: 15px;
  padding-left: 0.48rem;
  box-sizing: border-box;
  color: #000000;
  position: relative;
}
#order .carCenter .centerList .listClassify:after {
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #cccccc;
  content: '';
}
#order .carCenter .centerList .listClassify span {
  display: inline-block;
  width: 8rem;
  text-align: center;
  color: #999999;
  font-size: 13px;
  font-weight: 200;
}
#order .carCenter .centerList .listcon {
  overflow: hidden;
}
#order .carCenter .centerList .listcon li {
  padding: 0.186rem 0.533rem 0.186rem 0.506rem;
  font-size: 0;
  box-sizing: border-box;
  position: relative;
}
#order .carCenter .centerList .listcon li:after {
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #cccccc;
  content: '';
}
#order .carCenter .centerList .listcon li .listImg {
  width: 1.44rem;
  height: 1.493rem;
  display: inline-block;
}
#order .carCenter .centerList .listcon li .content {
  display: inline-block;
  margin-left: 0.266rem;
  vertical-align: top;
}
#order .carCenter .centerList .listcon li .content span {
  display: block;
  font-size: 15px;
}
#order .carCenter .centerList .listcon li .content .listName {
  color: #333333;
}
#order .carCenter .centerList .listcon li .content .listType {
  font-size: 13px;
  color: #999999;
}
#order .carCenter .centerList .listcon li .content .listPrice {
  color: #cc0033;
}
#order .carCenter .centerList .listcon li .list_num {
  display: inline-block;
  height: inherit;
  font-size: 13px;
  margin-left: 1.28rem;
  position: absolute;
  top: 0.8rem;
}
#order .carCenter .centerList .listcon li .list_right {
  position: absolute;
  top: 0.32rem;
  right: 0.56rem;
}
#order .carCenter .centerList .listcon li .list_right img {
  width: 1.36rem;
  height: 1.133rem;
}
#order .float_con {
  width: 100%;
  height: 1.866rem;
  position: fixed;
  left: 0;
  bottom: 0.746rem;
  color: #FFFFFF;
}
#order .float_con .txt {
  color: #FFFFFF;
}
#order .float_con .continue {
  width: 1.866rem;
  height: 1.866rem;
  background-image: linear-gradient(270deg, rgba(255, 145, 5, 0.9) 0%, rgba(254, 205, 24, 0.9) 100%), linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9));
  background-blend-mode: normal,normal;
  opacity: 0.9;
  position: absolute;
  left: 0.266rem;
  text-align: center;
  border-radius: 50%;
  padding-top: 0.266rem;
  box-sizing: border-box;
}
#order .float_con .continue .icon {
  display: block;
  width: 0.56rem;
  height: 0.773rem;
  background: url(../../static/images/click_1.png) no-repeat center / 100% 100%;
  margin-left: 0.666rem;
  margin-bottom: 0.133rem;
}
#order .float_con .goBackMenu {
  width: 1.866rem;
  height: 1.866rem;
  background-image: linear-gradient(270deg, rgba(254, 66, 16, 0.9) 0%, rgba(253, 124, 16, 0.9) 100%), linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9));
  background-blend-mode: normal,normal;
  opacity: 0.9;
  border-radius: 50%;
  position: absolute;
  right: 0.266rem;
  text-align: center;
  padding-top: 0.266rem;
  box-sizing: border-box;
}
#order .float_con .goBackMenu .icon {
  display: block;
  width: 0.64rem;
  height: 0.64rem;
  background: url(../../static/images/menu_1.png) no-repeat center / 100% 100%;
  margin-left: 0.666rem;
  margin-bottom: 0.133rem;
}
#vipcon {
  overflow: hidden;
  position: relative;
}
#vipcon .userCon {
  width: 100%;
  height: 3rem;
  background: url(../images/user_bg.png) no-repeat top center / 100% 100%;
  text-align: center;
  position: relative;
  top: -0.08rem;
  overflow: hidden;
  padding-top: 0.75rem;
}
#vipcon .userCon .userIcon {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
}
#vipcon .userCon .userName {
  display: block;
  font-size: 14px;
  margin: 0.133rem 0;
  color: #FFF;
}
#vipcon .userCon .go_back {
  width: 0.8rem;
  height: 0.8rem;
  position: absolute;
  top: 0.2rem;
  left: 0.2rem;
}
#vipcon .vipList {
  overflow: hidden;
  padding: 0.2rem;
  box-sizing: border-box;
}
#vipcon .vipList .list {
  width: 100%;
  line-height: 1.2rem;
  border-bottom: 1px solid #CCCCCC;
  text-decoration: none;
  color: #333333;
  position: relative;
}
#vipcon .vipList .list .icon {
  width: 0.75rem;
}
#vipcon .vipList .list:after {
  content: '';
  width: 1rem;
  height: 1rem;
  position: absolute;
  background: url(../images/gpull.png) no-repeat center;
  right: -0.2rem;
}
#coupon .cphead {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  border: 1px solid #F1F1F1;
}
#coupon .cphead span {
  width: 33.3%;
  text-align: center;
  font-size: 14px;
  line-height: 1rem;
}
#coupon .cphead .navbar {
  border-bottom: 1px solid #fd9118;
}
#coupon .cpCon {
  overflow: hidden;
}
#coupon .cpCon .list {
  overflow: hidden;
  height: 1.5rem;
  position: relative;
  padding: 0.3rem 0;
}
#coupon .cpCon .list:before {
  content: '';
  position: absolute;
  bottom: -0.25em;
  width: 100%;
  height: 0.5em;
  background: -webkit-linear-gradient(315deg, transparent, transparent 45%, #f90, transparent 55%, transparent 100%), -webkit-linear-gradient(45deg, transparent, transparent 45%, #f90, transparent 55%, transparent 100%);
  background: linear-gradient(135deg, transparent, transparent 45%, #f90, transparent 55%, transparent 100%), linear-gradient(45deg, transparent, transparent 45%, #f90, transparent 55%, transparent 100%);
  background-size: 0.5em 0.5em;
  background-repeat: repeat-x, repeat-x;
}
#coupon .cpCon .list .lfcon {
  width: 20%;
  float: left;
  text-align: center;
  font-size: 16px;
}
#coupon .cpCon .list .lfcon .minus_price {
  font-size: 30px;
  color: #FF0000;
  font-weight: 600;
}
#coupon .cpCon .list .rgcon {
  width: 80%;
  overflow: hidden;
  padding-left: 0.5rem;
  box-sizing: border-box;
  position: relative;
  font-size: 16px;
  padding-top: 0.25rem;
}
#coupon .cpCon .list .rgcon .using_time {
  font-size: 12px;
}
#coupon .cpCon .list .rgcon .nowusing {
  width: 2rem;
  height: 0.5rem;
  line-height: 0.5rem;
  border: 1px solid #FF0000;
  background-color: #FF0000;
  border-radius: 0.266rem;
  text-align: center;
  position: absolute;
  right: 0.5rem;
  color: #FFF;
  top: 50%;
  margin-top: -0.25rem;
  font-size: 14px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  #menu .listTitle::after,
  #menu .menu_header::after,
  #menu .list::after {
    -webkit-transform: scaleY(0.7);
    transform: scaleY(0.7);
  }
  #car .menu_header::after,
  #car .listCon > li::after {
    -webkit-transform: scaleY(0.7);
    transform: scaleY(0.7);
  }
  #pay .topList::after,
  #pay .menu_header::after,
  #pay .listClassify::after,
  #pay .listcon li::after {
    -webkit-transform: scaleY(0.7);
    transform: scaleY(0.7);
  }
  #order .menu_header::after,
  #order .listClassify::after,
  .listcon li::after {
    -webkit-transform: scaleY(0.7);
    transform: scaleY(0.7);
  }
}
@media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) {
  #menu .listTitle::after,
  #menu .menu_header::after,
  #menu .list::after {
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
  }
  #car .menu_header::after,
  #car .listCon > li::after {
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
  }
  #pay .topList::after,
  #pay .menu_header::after,
  #pay .listClassify::after,
  #pay .listcon li::after {
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
  }
  #order .menu_header::after,
  #order .listClassify::after,
  .listcon li::after {
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
  }
}
@media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) {
  #menu .listTitle::after,
  #menu .menu_header::after,
  #menu .list::after {
    -webkit-transform: scaleY(0.3);
    transform: scaleY(0.3);
  }
  #car .menu_header::after,
  #car .listCon > li::after {
    -webkit-transform: scaleY(0.3);
    transform: scaleY(0.3);
  }
  #pay .topList::after,
  #pay .menu_header::after,
  #pay .listClassify::after,
  #pay .listcon li::after {
    -webkit-transform: scaleY(0.3);
    transform: scaleY(0.3);
  }
  #order .menu_header::after,
  #order .listClassify::after,
  .listcon li::after {
    -webkit-transform: scaleY(0.3);
    transform: scaleY(0.3);
  }
}
